<script setup>
import BasicSyntax from './components/BasicSyntax.vue';
import ClassWork from './components/ClassWork.vue';
import Test from './components/Test.vue';
import QuanJu from './components/QuanJu.vue';
import ParentCom from './components/ParentCom.vue';
import SlotCom from './components/SlotCom.vue'
import SlotNameCom from './components/SlotNameCom.vue'
import test1 from './components/test1.vue';
import SlotFather from './components/SlotFather.vue';
</script>

 

<template>

<ul>
    <li>
      <router-link to="/home">Home</router-link>
    </li>
    <li>
      <router-link to="/about">About</router-link>
    </li>
    <li>
      <router-link to="/BasicSyntax">BasicSyntax</router-link>
    </li>
  </ul>
  <div>
    <!-- 路由容器 -->
    <router-view></router-view>
  </div>

<!-- <div></div> -->
<!-- <BasicSyntax></BasicSyntax> -->

 <!-- <ClassWork></ClassWork> -->

 <!-- <Test></Test> -->

 <!-- <QuanJu></QuanJu> -->

<!-- <ParentCom></ParentCom> -->

<!-- <SlotCom />
  <SlotCom>
    这是来自App.vue中的内容
  </SlotCom> -->


<!-- <SlotNameCom />
<SlotNameCom>
  <template v-slot:header>
你做得很好，孩子
  </template>
  <template #footer>
嘿嘿嘿嘿嘿
  </template>
</SlotNameCom> -->

 <!-- <test1></test1> -->

<!-- <SlotFather/> -->

</template>
